<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>手术分析首页</title>
    <style>
        #doctype{
            position: absolute;
            display: none;
            right: 320px;
            z-index: 2;
        }
        #doctype label{
            margin-right: 8px;
            line-height: 25px;
        }
    </style>
</head>
<body>
 <div class="container-fluid">
    <div class="row rowhcq">
        <div class="col-xs-4">
            <!-- 全院手术统计 -->
            <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-file-text-o"></i><span class="desc"></span>手术统计</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="clearfix"></div>
                <div class="tab-content" id="hospOperation">
                    <div class="alert alert-info" role="alert">
                        <i class="fa fa-lightbulb-o fa-lg"></i>
                        <span id="remarks"></span>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="operationLevelEchart" style="height:300px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-8">
            <!-- 全院手术统计 -->
            <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-file-text-o"></i><span class="desc"></span>手术统计</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="clearfix"></div>

                <div class="tab-content">
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="operDeptBarChart" style="height:413px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 科室手术统计 -->
    <div class="row rowhcq">
        <div class="col-xs-12">
            <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-file-text-o"></i><span id="module2">科室</span>手术统计</div>
                <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="clearfix"></div>
                <div class="tab-content">
                    <div class="paddingd10">
                        <div class="col-xs-12">
                            <div id="doctype">
                                <label><input type="checkbox" name="doctype" value="0" checked>术者</label>
                                <label><input type="checkbox" name="doctype" value="1" checked>一助</label>
                                <label><input type="checkbox" name="doctype" value="2" checked>二助</label>
                            </div>
                            <table id="operationLevelCaseTable" class="table table-striped "
                                   style="white-space: nowrap; " width="100%"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </div>
<script type="text/javascript" src="js/operationAnalysis/operationAnalysisHome.js"></script>
</body>
</html>